<template>
  <div class="content mb54">
    <div class="info ">
      <van-image
        round
        width="0.5rem"
        height="0.5rem"
        src="https://img.yzcdn.cn/vant/cat.jpeg"
      />
      <div class="name">
        <p class="">昵称简介</p>
        <p>一句话简介</p>
        <span>个人主页 <van-icon name="arrow" /> </span>
      </div>
    </div>
    <div class="fans"><span>粉丝999</span><span>粉丝999</span></div>

    <ul class="mineUl">
      <li>
        <van-icon name="star-o" />
        <p>收藏</p>
      </li>
      <li>
        <van-icon name="coupon-o" />
        <p>
          优惠卷
        </p>
      </li>
      <li>
        <van-icon name="comment-o" />
        <p>消息</p>
      </li>
    </ul>

    <div class="pic">
      <img src="../../assets/images/mine/vip.png" alt="" />
    </div>

    <ul class="bottomUl">
      <li>
        <img src="../../assets/images/mine/6.png" alt="" /> 订单中心
        <img src="../../assets/images/mine/jiantou.png" alt="" class="arrow" />
      </li>
      <li>
        <img src="../../assets/images/mine/1.png" alt="" /> 待评价
        <img src="../../assets/images/mine/jiantou.png" alt="" class="arrow" />
      </li>
      <li>
        <img src="../../assets/images/mine/2.png" alt="" /> 我的钱包
        <img src="../../assets/images/mine/jiantou.png" alt="" class="arrow" />
      </li>
      <li>
        <img src="../../assets/images/mine/4.png" alt="" />账号安全
        <img src="../../assets/images/mine/jiantou.png" alt="" class="arrow" />
      </li>
      <li>
        <img src="../../assets/images/mine/5.png" alt="" />联系客服
        <img src="../../assets/images/mine/jiantou.png" alt="" class="arrow" />
      </li>
      <li>
        <img src="../../assets/images/mine/3.png" alt="" />关于我们
        <img src="../../assets/images/mine/jiantou.png" alt="" class="arrow" />
      </li>
    </ul>
  </div>
</template>

<script>
import "../../static/js/public_icon_new";
import "../../static/css/public_style.css";
import "../../static/css/m_mine_index.css";
export default {
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
  beforeCreate() {},
  beforeMount() {},
  beforeUpdate() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  activated() {},
  components: {},
};
</script>

<style scoped></style>
